<extend name="./Public/Home/master.html" />
    <block name="title">
        <div class="main hiden">
            <div class="navHidden">
                <ul class="list2">


                    <!--制定输出条数，可以直接用volist标签中的offset="5" length='10'，参考手册中【模板-内置标签-volist】-->
                    <?php foreach($data as $k=>$v){ ?>
                    <li>
                        <a href="{:u('Home/List/index',['cid'=>$v['cid']])}"><i></i><?php echo $v['cname']?></a>
                        <div class="listhide">
                            <div class="contentOne">
                                <?php foreach($v['_data'] as $m=>$n){ ?>
                                <dl>
                                    <dt><?php echo $n['cname']?></dt>

                                    <?php foreach($n['_data'] as $j=>$g){ ?>
                                    <dd>
                                        <a href="{:u('Home/List/index',['cid'=>$g['cid']])}" class="noo"><?php echo $g['cname']?></a>
                                    </dd>
                                    <?php } ?>

                                </dl>
                                <?php } ?>
                            </div>
                        </div>
                    </li>
                    <?php } ?>




                </ul>
            </div>
            <div class="topad">
                <div class="righttopad">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLBliuData['gid']])}"><img src="__PUBLIC__/Home/images/lb4.png" /></a>
                </div>
                <div class="righttopad">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLBqiData['gid']])}"><img src="__PUBLIC__/Home/images/lb5.png" /></a>
                </div>
            </div>
        </div>
        </div>
        <!--导航结束-->
        <div class="clear"></div>
        <!--banner开始-->
        <div class="banner">
            <!--轮播图-->
            <ul class="pic">
                <li style="background: url('__PUBLIC__/Home/images/1.webp.jpg') no-repeat center center;">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLByiData['gid']])}"></a>
                </li>
                <li style="background: url('__PUBLIC__/Home/images/2.webp.jpg') no-repeat center center;">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLBerData['gid']])}"></a>
                </li>
                <li style="background: url('__PUBLIC__/Home/images/lb1.jpg') no-repeat center center;">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLBsanData['gid']])}"></a>
                </li>
                <li style="background: url('__PUBLIC__/Home/images/lb2.jpg') no-repeat center center;">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLBsiData['gid']])}"></a>
                </li>
                <li style="background: url('__PUBLIC__/Home/images/lb3.jpg') no-repeat center center;">
                    <a href="{:u('Home/Content/index',['gid'=>$goodsLBwuData['gid']])}"></a>
                </li>

            </ul>
            <!--轮播图结束-->
            <ul class="dot">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <span class="prev"></span><span class="next"></span>
        </div>
        <!--banner结束-->
        </div>
        <!--头部结束-->
        <!--中间开始-->
        <div id="content">
            <div class="main">
                <div class="tip" style="margin-top: 35px;">
                    <ul>
                        <foreach name="goodsData" item="vo">
                        <li>
                            <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                <img src="__ROOT__/{$vo['pic']}" alt="" />
                                <p style="margin-top: 15px;text-align: center;color: darkslategrey;">{$vo['gname']}</p>
                                <p style="text-align: center;font-size: 20px;color: red">{$vo['shopprice']}元</p>
                            </a>
                        </li>
                        </foreach>
                    </ul>
                </div>
                <div class="hot" id="hot">
                </div>

                <!--楼层一-->
                <div class="container" id="floor1">
                    <div class="part-title">360手机</div>
                    <div class="part-hot">
                        <span class="hotsou">热搜：</span>
                        <ul>
                            <li>
                                <a href="#" target="_blank">360手机Q5</a>
                            </li>
                            <li>|</li>
                            <li>
                                <a href="#" target="_blank">360手机N4S</a>
                            </li>

                        </ul>
                    </div>
                    <a href="#" target="_blank" class="indexmore">更多</a>
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/flot1.webp">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsPhoneData" item="vo">
                            <li>
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <span class="title">{$vo['gname']}</span>
                                    <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                    <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                </a>
                            </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsPhoneData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>
                <!--楼层二-->
                <div class="container" id="floor2">
                    <div class="part-title">智能穿戴</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou1.jpg">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsErData" item="vo">
                            <li>
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <span class="title">{$vo['gname']}</span>
                                    <span class="price">低至7折</span>
                                    <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                    <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                </a>
                            </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsErData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>
                <!--楼层三-->
                <div class="container" id="floor3">
                    <div class="part-title">智能家居</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou5.jpg">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsSanData" item="vo">
                            <li>
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <span class="title">{$vo['gname']}</span>
                                    <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                    <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                </a>
                            </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsSanData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>
                <!--楼层四-->
                <div class="container" id="floor4">
                    <div class="part-title">智能车品</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou4.jpg">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsSiData" item="vo">
                            <li>
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <span class="title">{$vo['gname']}</span>
                                    <span class="price">低至7折</span>
                                    <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                    <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                </a>
                            </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsSiData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shoprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>





                <!--楼层五-->
                <div class="container" id="floor4">
                    <div class="part-title">影音娱乐</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou6.png">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsWuData" item="vo">
                                <li>
                                    <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                        <span class="title">{$vo['gname']}</span>
                                        <span class="price">低至7折</span>
                                        <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                        <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                    </a>
                                </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsWuData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>





                <!--楼层六-->
                <div class="container" id="floor4">
                    <div class="part-title">电脑/游戏</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou7.jpg">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsLiuData" item="vo">
                                <li>
                                    <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                        <span class="title">{$vo['gname']}</span>
                                        <span class="price">低至7折</span>
                                        <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                        <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                    </a>
                                </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsLiuData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>


                <!--楼层七-->
                <div class="container" id="floor4">
                    <div class="part-title">机器人/无人机</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou1.jpg">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsQiData" item="vo">
                                <li>
                                    <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                        <span class="title">{$vo['gname']}</span>
                                        <span class="price">低至7折</span>
                                        <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                        <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                    </a>
                                </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsQiData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>


                <!--楼层八-->
                <div class="container" id="floor4">
                    <div class="part-title">母婴玩具</div>
                    <div class="part-hot">
                    </div>
                    <!--<a href="#" target="_blank" class="indexmore">更多</a>-->
                </div>
                <div class="container">
                    <div class="part-left">
                        <a class="part-left1" href="#" target="_blank">
                            <img src="__PUBLIC__/Home/images/lou3.jpg">
                        </a>
                        <a class="part-left2" href="" target="_blank">
                            <img src="__PUBLIC__/Home/images/shouji.webp">
                        </a>
                    </div>
                    <div class="part-center">
                        <ul>
                            <foreach name="goodsBaData" item="vo">
                                <li>
                                    <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                        <span class="title">{$vo['gname']}</span>
                                        <span class="price">低至7折</span>
                                        <img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" />
                                        <span style="text-align: center;font-size: 20px;color: black;margin-top: 10px;" class="price">{$vo['shopprice']}元</span>
                                    </a>
                                </li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="part-right">
                        <p class="part-suggest-title">热销推荐</p>
                        <div class="slideBox">
                            <div class="slider-film">
                                <foreach name="goodsBaData" item="vo">
                                <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}">
                                    <dl>
                                        <dt><img src="__ROOT__/{$vo['pic']}" > </dt>
                                        <dd class="title">{$vo['gname']}</dd>
                                        <dd class="price"><i class="yen">￥</i>{$vo['shopprice']}</dd>
                                    </dl>
                                </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="slide-point">
                            <a href="javascript:;" class="curr-point"></a>
                            <a href="javascript:;"></a>
                        </div>

                    </div>
                </div>

                <!--新品速递-->
                <div class="newproduct" id="newproduct">
                    <div class="part-title">新品速递</div>
                    <ul class="newproduct-list">
                        <foreach name="goodsNewData" item="vo">
                        <li>
                            <a href="{:u('Home/Content/index',['gid'=>$vo['gid']])}" class="new-item">
                                <dl>
                                    <dt><img style="width:150px;height: auto;margin-top: 10px; " src="__ROOT__/{$vo['pic']}" alt="" /></dt>
                                    <dd class="title">{$vo['gname']}</dd>
                                    <dd class="price"><span><i class="yen">￥</i>{$vo['shopprice']}</span></dd>
                                </dl>
                            </a>
                        </li>
                        </foreach>
                    </ul>
                    <div class="nomore" style="display: block;">没有更多了</div>
                </div>
            </div>
        </div>
        <!--中间结束-->
        <!--左侧楼层开始-->
        <div class="floor">
            <ul>
                <li class="on1">
                    <a href="javascript:;"><span>1F<br />活动</span></a>
                </li>
                <li class="on2">
                    <a href="javascript:;"><span>2F<br />活动</span></a>
                </li>
                <li class="on3">
                    <a href="javascript:;"><span>3F<br />活动</span></a>
                </li>
                <li class="on4">
                    <a href="javascript:;"><span>4F<br />活动</span></a>
                </li>
                <li class="on5">
                    <a href="javascript:;"><span>5F<br />活动</span></a>
                </li>
                <li class="on6">
                    <a href="javascript:;"><span>6F<br />活动</span></a>
                </li>
            </ul>

        </div>

        <!--左侧楼层结束-->
    </block>